<template>
	<div class="home-container">
		<p>{{ title }}</p>
		<van-button type="primary" to="example">路由跳转</van-button>
		<ul>
			<li>01</li>
			<li>02</li>
			<li>03</li>
			<li>04</li>
			<li>05</li>
			<li>06</li>
			<li>07</li>
			<li>08</li>
			<li>09</li>
			<li>10</li>
		</ul>
	</div>
</template>

<script>
export default {
	data() {
		return {
			title: "首页"
		};
	}
};
</script>

<style lang="less" scoped>
.home-container {
	width: 100%;
	height: 100%;
	background-color: #eee;
	overflow: auto;
}
ul li {
	width: 100%;
	height: 300px;
}
ul li:nth-child(even) {
	background-color: skyblue;
}
</style>
